<template>
  <div>
    <div class="form-box">
      <form @submit='formSubmit'>
        <span class="s1">找回密码</span>
        <input type="text" name="phone" placeholder="请输入手机号">
        <input type="text" name="code" placeholder="验证码">
        <button form-type='submit'>发送</button>
      </form>
      
    </div>
  </div>   
</template>

<script>
  export default{
    data(){
      return {
        
      }
    },
    methods: {
    
    },
    mounted() {

    },
  }
</script>

<style scoped>
.form-box{
  border:1px rgb(233, 209, 209) solid;
  margin:auto;
  margin-top:20px;
  width:90%;
  height:300px;
  box-shadow: -10px 10px rgb(233, 209, 209);
}

.form-box .s1{
  margin-left: 120px;
  font-size: 23px;
  color: red;
}
.form-box input{
  border-bottom: 1px solid rgb(223, 197, 197);
  margin:25px;

}
.form-box button{
  background: red;
  color:white;
  margin:20px;
}
</style>
